import { Button, Form, Input } from 'antd-mobile'
import React from 'react'
import { useNavigate } from 'react-router-dom'

const Home = () => {
    const nav = useNavigate()
    const onFinish = (values) => {
        nav("/city", { state: values })
    }
    return (
        <div>
            <Form
                onFinish={onFinish}
                footer={
                    <Button block type='submit' color='primary' size='large'>
                        查询
                    </Button>
                }
            >
                <Form.Item name='setrt' label='开始'>
                    <Input></Input>
                </Form.Item>
                <Form.Item name='end' label='结束'>
                    <Input></Input>
                </Form.Item>
            </Form>
        </div>
    )
}

export default Home
